<div class="vbox">
    <div class="" style="display: table-cell;vertical-align: middle">
        <div class="panel no-border center-block box-shadow-lg" style="width: 500px;">
            <div class="panel-heading wrapper-lg bg-dark lt text-lg text-center font-bold">
                <span class="text-white text-2x">艺考云平台</span>
            </div>
            <div class="wrapper-lg" style="padding-top: 80px;">

                <form class="wrapper-lg" name="authForm" novalidate ng-submit="vm.login()">
                    <div class="form-group">
                        <input type="text" class="form-control input-lg no-radius" name="loginName" required="required" placeholder="登录名" ng-model="$ctrl.user.loginName">
                    </div>
                    <div class="form-group">
                        <input type="password" name="password" class="form-control input-lg no-radius" required="required" placeholder="密码" ng-model="$ctrl.user.password">
                    </div>
                    <button class="btn btn-lg btn-block btn-danger font-bold" type="submit" ng-disabled="authForm.$invalid">
      登录
    </button>
                    <div ng-if="$ctrl.message" class="text-center wrapper text-danger">
                        {{ $ctrl.message }}
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>